

{% assign fontcolor = color | default : '#333' %}

{% assign iconColor = icon_color | default : fontcolor %}


<div class="zuui-share-link" style="--share-color:{{iconColor}};--font-color:{{fontcolor}}">

  {% assign global = theme_config.global %}

  {% if section.is_facebook  %}
    <a target="_blank" class="zuui-share-icon" href="{{ global.sns_link_facebook }}">
      {% include 'icon_share_facebook' ,width:'24',height:'24',fill:iconColor %}
      {% if showText %}<span>Facebook</span>{% endif %}
    </a>
  {% endif %}
  {% if section.is_twitter %}
    <a target="_blank" class="zuui-share-icon" href="{{ global.sns_link_twitter }}">
      {% include 'icon_share_twitter' ,width:'24',height:'24',fill:iconColor %}
      {% if showText %}<span>Twitter</span>{% endif %}
    </a>
  {% endif %}
  {% if section.is_pinterest %}
    <a target="_blank" class="zuui-share-icon" href="{{ global.sns_link_pinterest }}">
      {% include 'icon_share_pinterest' ,width:'24',height:'24',fill:iconColor %}
      {% if showText %}<span>Pinterest</span>{% endif %}
    </a> 
  {% endif %}
  {% if section.is_instagram %}
    <a target="_blank" class="zuui-share-icon" href="{{ global.sns_link_instagram }}">
      {% include 'icon_share_instagram' ,width:'24',height:'24',fill:iconColor %}
      {% if showText %}<span>Instagram</span>{% endif %}
    </a> 
  {% endif %}
  {% if section.is_snapchat %}
    <a target="_blank" class="zuui-share-icon" href="{{ global.sns_link_snapchat }}">
      {% include 'icon_share_snapchat' ,width:'24',height:'24',fill:iconColor %}
      {% if showText %}<span>Snapchat</span>{% endif %}
    </a> 
  {% endif %}
  {% if section.is_tiktok %}
    <a target="_blank" class="zuui-share-icon" href="{{ global.sns_link_tiktok }}">
      {% include 'icon_share_tiktok' ,width:'24',height:'24',fill:iconColor %}
      {% if showText %}<span>Tiktok</span>{% endif %}
    </a> 
  {% endif %}
  {% if section.is_tumblr %}
    <a target="_blank" class="zuui-share-icon" href="{{ global.sns_link_tumblr }}">
      {% include 'icon_share_tumblr' ,width:'24',height:'24',fill:iconColor %}
      {% if showText %}<span>Tumblr</span>{% endif %}
    </a> 
  {% endif %}
  {% if section.is_linkedin %}
    <a target="_blank" class="zuui-share-icon" href="{{ global.sns_link_linkedin }}">
      {% include 'icon_share_linkedin' ,width:'24',height:'24',fill:iconColor %}
      {% if showText %}<span>Linkedin</span>{% endif %}
    </a> 
  {% endif %}
  {% if section.is_youtube %}
    <a target="_blank" class="zuui-share-icon" href="{{ global.sns_link_youtube }}">
      {% include 'icon_share_youtube' ,width:'24',height:'24',fill:iconColor %}
      {% if showText %}<span>Youtube</span>{% endif %}
    </a> 
  {% endif %}
  {% if section.is_vimeo %}
    <a target="_blank" class="zuui-share-icon" href="{{ global.sns_link_vimeo }}">
      {% include 'icon_share_vimeo' ,width:'24',height:'24',fill:iconColor %}
      {% if showText %}<span>Vimeo</span>{% endif %}
    </a> 
  {% endif %}
  {% if section.is_vk %}
    <a target="_blank" class="zuui-share-icon" href="{{ global.sns_link_vk }}">
      {% include 'icon_share_vk' ,width:'24',height:'24',fill:iconColor %}
      {% if showText %}<span>VK</span>{% endif %}
    </a> 
  {% endif %}
  {% if section.is_whatsapp %}
    <a target="_blank" class="zuui-share-icon" href="{{ global.sns_link_whatsapp }}">
      {% include 'icon_share_whatsapp' ,width:'24',height:'24',fill:iconColor %}
      {% if showText %}<span>Whatsapp</span>{% endif %}
    </a> 
  {% endif %}
</div>  